<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<!-- <link rel="stylesheet" type="text/css" href="js/dhtmlx/dhtmlxLayout/dhtmlxlayout.css">
<link rel="stylesheet" type="text/css" href="js/dhtmlx/dhtmlxLayout/skins/dhtmlxlayout_dhx_blue.css">
<link rel="stylesheet" type="text/css" href="js/dhtmlx/dhtmlxAccordion/skins/dhtmlxaccordion_dhx_blue.css">
<link rel="stylesheet" type="text/css" href="js/dhtmlx/dhtmlxMenu/skins/dhtmlxmenu_dhx_blue.css"> -->
<!-- <link rel="stylesheet" type="text/css" href="js/dhtmlx/dhtmlxEditor/dhtmlxeditor.css"> -->
<!-- <link rel="stylesheet" type="text/css" href="js/dhtmlx/dhtmlxEditor/skins/dhtmlxeditor_dhx_blue.css">
<link rel="stylesheet" type="text/css" href="js/dhtmlx/dhtmlxToolbar/skins/dhtmlxtoolbar_dhx_blue.css"> -->
<!-- <link rel="stylesheet" type="text/css" href="js/dhtmlx/dhtmlxEditor/skins/dhtmlxeditor_dhx_black.css"> -->
<!-- <link rel="stylesheet" type="text/css" href="js/dhtmlx/dhtmlxMenu/skins/dhtmlxmenu_dhx_black.css">
<link rel="stylesheet" type="text/css" href="js/dhtmlx/dhtmlxWindows/dhtmlxwindows.css">
<link rel="stylesheet" type="text/css" href="js/dhtmlx/dhtmlxWindows/skins/dhtmlxwindows_dhx_black.css">
<link rel="stylesheet" type="text/css" href="js/dhtmlx/dhtmlxWindows/skins/dhtmlxwindows_dhx_blue.css"> -->
<link rel="stylesheet" type="text/css" href="js/dhtmlx/dhtmlxFolders/dhtmlxfolders.css">
<link rel="stylesheet" type="text/css" href="js/dhtmlx/dhtmlxCalendar/dhtmlxcalendar.css">
<link rel="stylesheet" type="text/css" href="js/dhtmlx/dhtmlxColorPicker/dhtmlxcolorpicker.css">
<link rel="stylesheet" type="text/css" href="js/dhtmlx/dhtmlxSlider/dhtmlxslider.css">
<link rel="stylesheet" type="text/css" href="js/dhtmlx/dhtmlxCombo/dhtmlxcombo.css">
<link rel="stylesheet" type="text/css" href="js/dhtmlx/dhtmlxCalendar/skins/dhtmlxcalendar_dhx_black.css">

<script>
//window.dhx_globalImgPath = "../../codebase/imgs/";
</script>

<script type="text/javascript" src="js/jquery-1.9.0.js"></script>
<script type="text/javascript" src="js/dhtmlx/dhtmlxcommon.js"></script>
<script type="text/javascript" src="js/dhtmlx/dhtmlxcontainer.js"></script>

<!-- <script type="text/javascript" src="js/dhtmlx/dhtmlxLayout/dhtmlxlayout.js"></script>
<script type="text/javascript" src="js/dhtmlx/dhtmlxAccordion/dhtmlxaccordion.js"></script>
<script type="text/javascript" src="js/dhtmlx/dhtmlxMenu/dhtmlxmenu.js"></script>
<script type="text/javascript" src="js/dhtmlx/dhtmlxMenu/ext/dhtmlxmenu_ext.js"></script> -->
<script type="text/javascript" src="js/dhtmlx/dhtmlxFolders/dhtmlxfolders.js"></script>
<script type="text/javascript" src="js/dhtmlx/dhtmlxFolders/ext/dhtmlxfolders_drag.js"></script>
<script type="text/javascript" src="js/dhtmlx/dhtmlxCalendar/dhtmlxcalendar.js"></script>
<script type="text/javascript" src="js/dhtmlx/dhtmlxColorPicker/dhtmlxcolorpicker.js"></script>
<script type="text/javascript" src="js/dhtmlx/dhtmlxSlider/dhtmlxslider.js"></script>
<script type="text/javascript" src="js/dhtmlx/dhtmlxCombo/dhtmlxcombo.js"></script>
<script type="text/javascript" src="js/dhtmlx/dhtmlxCombo/ext/dhtmlxcombo_extra.js"></script>
<script type="text/javascript" src="js/dhtmlx/dhtmlxSlider/ext/dhtmlxslider_start.js"></script>
<!-- <script type="text/javascript" src="js/dhtmlx/dhtmlxEditor/dhtmlxeditor.js"></script>
<script type="text/javascript" src="js/dhtmlx/dhtmlxEditor/ext/dhtmlxeditor_ext.js"></script>
<script type="text/javascript" src="js/dhtmlx/dhtmlxToolbar/dhtmlxtoolbar.js"></script>
<!-- <script type="text/javascript" src="js/dhtmlx/dhtmlxWindows/dhtmlxwindows.js"></script>
<script type="text/javascript" src="js/dhtmlx/dhtmlxFolders/dhtmlxfolders.js"></script> -->



<style>
     /* html, body {
        width: 100%;
        height: 100%;
        margin: 0px;
        overflow: hidden;
     } */
</style>

<script>
	//window.dhx_globalImgPath="js/dhtmlx/dhtmlxCalendar/imgs/";
	dhtmlx.image_path = 'js/dhtmlx/dhtmlxCombo/imgs/';
$(function(){
	//alert(jQuery.isEmptyObject({})); // true
	var a;
	alert(a + '-' + jQuery.isEmptyObject(a)); // true

	// fold 拖动不好用
	 myFolders = new dhtmlxFolders("folders_container");
    //myFolders.setItemType("ficon");
    myFolders.setItemType("ficon");
    myFolders.setImagePath("js/dhtmlx/dhtmlxFolders/imgs/");
    myFolders.setUserData("icons_src_dir", "img");
    myFolders.setPagerContainer("pager");
    
    myFolders.enablePaging(10);
    myFolders.enableDragAndDrop(true);
    myFolders.attachEvent("onBeforeDrop", function(dropType, sID, tID) {
    	//alert(dropType + '-' + sID + '-' + tID);
        var tType = this.getItem(tID).data.dataObj.getAttribute("type");
        if (dropType == "in" && tType == "dir") {
            this.deleteItem(sID);
            return false;
        } else;
        return true;
    });
    myFolders.loadXML("js/xml/files_ext_05_paginal_output.xml", "js/dhtmlx/dhtmlxFolders/types/ficon.xsl");
    
    // calendar
    mCal = new dhtmlxCalendarObject("objId",true,{isYearEditable:true,isWinHeader:true});
    mCal.setPosition(100, 50);
    mCal.setSkin('dhx_black');
    
    // colorPicker
    myCP = dhtmlXColorPickerInput("colorPicker");
    myCP.setImagePath("js/dhtmlx/dhtmlxColorPicker/imgs/");
       myCP.init();
      
    // slider
    var sld = new dhtmlxSlider("slider", {
        size:100,           
        skin: "ball",
        vertical:false,
        step:1,
        min:1,
        max:100,
        value:50           
    });
    sld.setImagePath('js/dhtmlx/dhtmlxSlider/imgs/');
    sld.attachEvent("onChange",function(newValue,sliderObj){
        alert("New value is "+newValue);   
    })  
    sld.init();
        
   // combo     
   var z = new dhtmlXCombo("combo_zone3", "alfa3", 200);
   //z.setDefaultImage('js/dhtmlx/dhtmlxCombo/imgs/');
   z.addOption([[1, 1111], [2, 2222], [3, 3333], [4, 4444], [5, 5555]]);
   
   var zz = dhtmlXComboFromSelect("combo_zone1");
     
});
var cal1,
cal2,
mCal,
mDCal,
newStyleSheet;
var dateFrom = null;
var dateTo = null;
window.onload = function() {
    cal1 = new dhtmlxCalendarObject('calInput1',true,{isYearEditable:true,isWinHeader:true,headerButtons:'XM'});
}
</script>
</head>
<body>
<div>a</div>
<div>a</div>
<div>a</div>
<div id="folders_container" style="width:450px;height:450px;overflow:hidden;"></div>
 <div id="objId"></div>
 <input type="text" id="calInput1" style="width: 200px; font-size:12px;" readonly="true" />
 <input type="text" id="colorPicker" />
 <div id="slider"></div>
 <div id="combo_zone3" style="width:200px; height:30px;"></div>
 
 <select style='width:200px;'  id="combo_zone1" name="alfa1">
                <option value="1">a00</option>
                <option value="2">a01</option>
                <option value="3" selected>a02</option>
                <option value="4">a10</option>
                <option value="5">a11</option>
                <option value="6">a12</option>
                <option value="7">b00</option>
                <option value="8">b01</option>
                <option value="9">b02</option>
                <option value="10">b10</option>
                <option value="11">b11</option>
                <option value="12">b12</option>
                <option value="13">a22</option>
                <option value="14">a31</option>
                <option value="15">a04</option>
            </select>
</body>
</html>